<template>
  <div class="_page">
    <div v-html="aboutContent" class="cnt">
    </div>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from '@/store/modules/user'
import { ref, onMounted } from 'vue'
import { settingGetInfo } from '@/api/system/setting'
import echarts from '@/components/echarts'


let userStore = useUserStore()

onMounted(() => {
	getInfo()
})

let aboutContent = ref('')
const getInfo = async () => {
	try{
		let { data } = await settingGetInfo()
		let { service } = data
		aboutContent.value = service
	}catch(e){
		//TODO handle the exception
	}
}
</script>

<style lang="scss" scoped>
._page {
	background-image: url('@/assets/images/others/service.png');
	background-size: contain;
	background-repeat: repeat-y;
	background-color: #e4e4e4;
	background-position: 0 100%;
}
.cnt {
  /* width: 50%; */
  /* min-width: 600px; */
}
</style>